import { Component } from 'react';

import { Group, Boxs} from 'saltui';
import AngleRight from 'salt-icon/lib/AngleRight';

const { HBox, Box } = Boxs;

import './PageHome.less';



export default class PageHome extends Component {


 constructor(props) {
    super(props);
    this.state = {
    };
    
  }


  /*handleClick(event, dataItem) {
    console.log(event);
    console.log(dataItem);
  }*/

  handleClickImg(event, imgUrl) {
    console.log(event);
    console.log(imgUrl);
  }

  handleDelete(event, dataItem) {
    console.log(event);
    console.log(dataItem);
  }
  handleClick(path){
    location.hash=path
  }

  render() {
    
    const t = this;
   
    return (
      <Group className="demo-t-list">
      <Group.List lineIndent={15}>
      <div>
          <div className="demo-t-list-wrap-single" >
              <HBox vAlign="center" onClick={t.handleClick.bind(t,'meeting/home/')}>
                <HBox flex={1}>
                  <Box className="demo-t-list-text-content-single" flex={1}>
                    <p className="demo-t-list-title-single omit">会议</p>
                  </Box>
                </HBox>
                <Box>
                  <AngleRight width={20} fill="#ccc" className="demo-t-list-arrow" />
                </Box>
              </HBox>
           </div>
        </div>
        <div>
          <div className="demo-t-list-wrap-single" >
              <HBox vAlign="center" onClick={t.handleClick.bind(t,'approval/home/')}>
                <HBox flex={1}>
                  <Box className="demo-t-list-text-content-single" flex={1}>
                    <p className="demo-t-list-title-single omit">审批</p>
                  </Box>
                </HBox>
                <Box>
                  <AngleRight width={20} fill="#ccc" className="demo-t-list-arrow" />
                </Box>
              </HBox>
           </div>
        </div>
        <div>
          <div className="demo-t-list-wrap-single" >
              <HBox vAlign="center" onClick={t.handleClick.bind(t,'info/home/')}>
                <HBox flex={1}>
                  <Box className="demo-t-list-text-content-single" flex={1}>
                    <p className="demo-t-list-title-single omit">信息</p>
                  </Box>
                </HBox>
                <Box>
                  <AngleRight width={20} fill="#ccc" className="demo-t-list-arrow" />
                </Box>
              </HBox>
           </div>
        </div>
        </Group.List >
        </Group>)       
  }
}


